<template>
  <div class="mod-main mod-comm lefta-box" id="order02">
    <div class="mt">
      <ul class="extra-l">
        <li class="fore1"><a href="" class="txt curr">全部订单</a></li>
        <li><a href="" id="ordertoPay" clstag="click|keycount|orderinfo|waitPay"
               class="txt">待付款</a></li>
        <li><a href="" id="ordertoReceive"
                class="txt">待收货</a></li>
        <li><a href="" id="ordertoComment" target="_blank" class="txt"
               >待评价</a><a href=""><em>1</em></a></li>
        <li class="fore2 "><a href="" id="ordertoBuy" ><strong>我的常购商品</strong></a></li>
        <!--<li class="fore2"><a href="" class="ftx-03" id="ordertoRecycle">订单回收站</a>-->
        </li>
      </ul>
      <div class="extra-r">
        <div class="search">
          <input id="ip_keyword" type="text" class="itxt" value="商品名称/商品编号/订单号" style="color: rgb(204, 204, 204);">
          <a href="javascript:;" class="search-btn" clstag="click|keycount|orderinfo|search">搜索<b></b></a>
          <a href="#none" clstag="click|keycount|orderlist|gaoji" class="default-btn high-search">高级<b></b></a>
        </div>
      </div>
    </div>

    <div class="mc">

      <!--

            <div class="top-search hide">
              <div class="dl">
                <span class="label">订单类型：</span>
                <div class="dd">
                  <a href="list.action?t=&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|quanbuleixing" class="curr">全部类型</a>
                  <a href="list.action?t=0-6-8-9-10-11-13-15-16-17-18-19-21-22-23-24-25-32-33-41-42-49-54-56-112&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|shiwushangpin">实物商品</a>
                  <a href="list.action?t=35-83&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|jipiao">机票</a>
                  <a href="list.action?t=39-111&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|jiudian">酒店</a>
                  <a href="list.action?t=45&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|zuche">租车</a>
                  <a href="list.action?t=47&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|dujia">度假</a>
                  <a href="list.action?t=44&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|jingdian">门票</a>
                  <a href="list.action?t=46&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|huoche">火车</a>
                  <a href="list.action?t=34-62&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|youxi">游戏</a>
                  <a href="list.action?t=37&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|shoujichongzhi">手机充值</a>
                  <a href="list.action?t=43&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|dianyingpiao">电影票</a>
                  <a href="list.action?t=53&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|yanchupiao">演出票</a>
                  <a href="list.action?t=38&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|dianzishu">电子书</a>
                  <a href="list.action?t=58&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|shuziyinyue">数字音乐</a>
                  <a href="list.action?t=57&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|yingyongshangdian">应用商店</a>
                  <a href="list.action?t=28-29-201&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|tuangou">团购</a>
                  <a href="list.action?t=48-64-65&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|baoxian">保险</a>
                  <a href="list.action?t=2&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|duobaodao">夺宝岛</a>
                  <a href="list.action?t=99&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|jiayouka">加油卡</a>
                  <a href="list.action?t=98&amp;d=1&amp;s=4096" target="_self" clstag="click|keycount|orderlist|yiyuanqiangbao">一元抢宝</a>
                </div>
              </div>
              <div class="dl">
                <a href="#none" clstag="click|keycount|orderlist|fanhui" class="btn-9">返回</a>
              </div>
              <a href="#none" clstag="click|keycount|orderlist|closehighserach" class="ts-del"></a>
            </div>
      -->

      <table class="td-void order-tb" :data="orders" no-data-text="你还有订单，快点去购物吧">
        <colgroup>
          <col class="number-col">
          <col class="consignee-col">
          <col class="amount-col">
          <col class="status-col">
          <col class="operate-col">
        </colgroup>
        <thead>
        <tr>
          <th>
            <div class="ordertime-cont">
              <div class="time-txt">近三个月订单<b></b><span class="blank"></span></div>
              <div class="time-list">
                <ul>
                  <li><a href="#none" _val="1&amp;s=4096" clstag="click|keycount|orderlist|zuijinsangeyue"><b></b>近三个月订单</a>
                  </li>
                  <li><a href="#none" _val="2&amp;s=4096" clstag="click|keycount|orderlist|jinniannei"><b></b>今年内订单</a>
                  </li>
                  <li><a href="#none" _val="2019&amp;s=4096" clstag="click|keycount|orderlist|2019"><b></b>2019年订单</a>
                  </li>
                  <li><a href="#none" _val="2018&amp;s=4096" clstag="click|keycount|orderlist|2018"><b></b>2018年订单</a>
                  </li>
                  <li><a href="#none" _val="2017&amp;s=4096" clstag="click|keycount|orderlist|2017"><b></b>2017年订单</a>
                  </li>
                  <li><a href="#none" _val="2016&amp;s=4096" clstag="click|keycount|orderlist|2016"><b></b>2016年订单</a>
                  </li>
                  <li><a href="#none" _val="2015&amp;s=4096" clstag="click|keycount|orderlist|2015"><b></b>2015年订单</a>
                  </li>
                  <li><a href="#none" _val="2014&amp;s=4096" clstag="click|keycount|orderlist|2014"><b></b>2014年订单</a>
                  </li>
                  <li><a href="#none" _val="3&amp;s=4096" clstag="click|keycount|orderlist|before_2014"><b></b>2014年以前订单</a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="order-detail-txt ac">订单详情</div>
          </th>
          <th>收货人</th>
          <th>金额</th>
          <th>
            <div class="deal-state-cont" id="orderState">
              <div class="state-txt">全部状态<b></b><span class="blank"></span></div>
              <div class="state-list">
                <ul>
                  <li value="4096">
                    <a href="#none" clstag="click|keycount|orderlist|quanbuzhuangtai" class="curr"><b></b>全部状态</a>
                  </li>
                  <li value="1">
                    <a href="#none" clstag="click|keycount|orderlist|dengdaifukuan"><b></b>等待付款</a>
                  </li>
                  <li value="128" clstag="click|keycount|orderlist|dengdaishouhuo">
                    <a href="#none"><b></b>等待收货</a>
                  </li>
                  <li value="1024">
                    <a href="#none" clstag="click|keycount|orderlist|yiwancheng"><b></b>已完成</a>
                  </li>
                  <li value="-1">
                    <a href="#none" clstag="click|keycount|orderlist|yiquxiao"><b></b>已取消</a>
                  </li>
                </ul>
              </div>
            </div>
          </th>
          <th>操作</th>
        </tr>
        </thead>
        <tbody id="tb-126145378778" v-for="o in orders">
        <tr class="sep-row">
          <td colspan="5"></td>
        </tr>

        <tr class="tr-th">
          <td colspan="5">
            <span class="gap"></span>
            <span class="dealtime" title="2020-09-01 23:09:50">{{o.createTime}}</span>
            <span class="number">
               	订单号：
                <a name="orderIdLinks" id="idUrl" target="_blank"
                   href="" >{{o.orderId}}</a>
            </span>
            <div class="tr-operate">
              <span class="order-shop" v-for="shopInfo in o.shopInfos">
                <a href="" target="_blank"
                               class="shop-txt venderName10212515 venderSite"
                               :title="shopInfo.shopName">{{shopInfo.shopName}}</a>
                <a class="btn-im "
                               :href="shopInfo.shopId"
                               target="_blank" title="联系卖家" >
                </a>
              </span>
              <span class="tel">
                <i class="tel-icon venderTel10212515 venderSiteTel" style="display: none;"></i>
              </span>
              <a href="#none" clstag="click|keycount|orderlist|dingdanshanchu" class="order-del" _orderid="126145378778"
                 _passkey="F2F49C730F430D3493E3219B8900E0DE" title="删除" style="display: none;"></a>
            </div>
          </td>
        </tr>
        <tr class="tr-bd" id="track126145378778" v-for="(item, index) in o.detailInfos">
          <td>
            <div class="goods-item p-53637231076">
              <div class="p-img">
                <a href=""
                   target="_blank">
                  <img class="" :src="item.goodsPic"
                       :title="item.goodsName" data-lazy-img="done" width="60" height="60">
                </a>
              </div>
              <div class="p-msg">
                <div class="p-name">
                  <a href="" class="a-link"
                      target="_blank"
                     :title="item.goodsName">{{item.goodsName}}</a>
                </div>
              </div>
              <div class="p-shop">
                <div class="p-name">
                  <a href="" class="a-link"
                     target="_blank"
                     :title="item.shopName">{{item.shopName}}</a>
                </div>
              </div>
            </div>
            <div class="goods-number">
              x {{item.goodsCount}}
            </div>
            <div class="goods-repair">
              <a href="" target="_blank" >
                申请售后
              </a>
            </div>
            <div class="clr"></div>
          </td>

          <td :rowspan="o.detailInfos.length" v-if="index==0">
            <div class="consignee tooltip">
              <span class="txt">{{o.userName}}</span><b></b>
              <!--              <div class="prompt-01 prompt-02" style="display: none;">-->
              <!--                <div class="pc">-->
              <!--                  <strong>爱购物</strong>-->
              <!--                  <p>广东深圳市****</p>-->
              <!--                  <p>183********</p>-->
              <!--                </div>-->
              <!--                <div class="p-arrow p-arrow-left"></div>-->
              <!--              </div>-->
            </div>
          </td>
          <td :rowspan="o.detailInfos.length" v-if="index==0">
            <div class="amount">
              <span>¥{{o.totalAmount}}</span> <br>
              <span class="ftx-13">在线支付</span>
            </div>
          </td>
          <td :rowspan="o.detailInfos.length" v-if="index==0">
            <div class="status">
                <span class="order-status ftx-03">
            	      已完成
                </span><br>
              <a target="_blank" href=""
                 class="ftx-01 bean-tips"
                 data-tips="<div class='bean-tips-cont'>已返<span class='ftx-01'>8</span>京豆</div>">
                <i class="bean-icon"></i>+8
              </a>
              <br>
              <a
                href=""
                 target="_blank">订单详情</a>
            </div>
          </td>
          <td :rowspan="o.detailInfos.length" v-if="index==0">
            <div class="operate">
              <div id="pay-button"></div>
              <a class="" target="_blank"
                 href=""
                 >查看发票</a><br>
              <a class="" target="_blank"
                 href=""
                 >评价</a><br>
              <a href=""
                 class="btn-again btn-again-show" target="_blank" ><b></b>
                再次购买
              </a><br>
            </div>
          </td>
        </tr>
        </tbody>
      </table>

      <div class="page-size">
        <Page :total="100" show-sizer></Page>
      </div>
    </div>
  </div>
</template>

<script>
  import order from '@/api/order';
  import store from '@/vuex/store';

  export default {
    name: 'MyOrder',
    data() {
      return {
        orders: [],
      };
    },
    methods: {},
    created() {
      console.info('调用created1');
    },
    mounted() {
      order.getMemberOrders({memberId: this.$store.state.userInfo.userId}).then(resp => {
        this.orders = resp.data.list;
      });
    },
    store
  };
</script>

<style scoped>
  /*@font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"), url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"), url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"), url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
  }*/

  .dg-iconfont {
    display: inline-block;
    font-family: daogou-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
  }

  .mt-1 {
    margin-top: -1px
  }

  .mt-2 {
    margin-top: -2px
  }

  .mt-3 {
    margin-top: -3px
  }

  .mt5 {
    margin-top: 5px
  }

  .mt10 {
    margin-top: 10px
  }

  .mt20 {
    margin-top: 20px
  }

  .mr5 {
    margin-right: 5px
  }

  .mr10 {
    margin-right: 10px
  }

  .mr20 {
    margin-right: 20px
  }

  .mb5 {
    margin-bottom: 5px
  }

  .mb10 {
    margin-bottom: 10px
  }

  .ml5 {
    margin-left: 5px
  }

  .ml10 {
    margin-left: 10px
  }

  .ml20 {
    margin-left: 20px
  }

  .mb20 {
    margin-bottom: 20px
  }

  .pt5 {
    padding-top: 5px
  }

  .pt10 {
    padding-top: 10px
  }

  .pr5 {
    padding-right: 5px
  }

  .pr10 {
    padding-right: 10px
  }

  .pb5 {
    padding-bottom: 5px
  }

  .pb10 {
    padding-bottom: 10px
  }

  .pl5 {
    padding-left: 5px
  }

  .pl10 {
    padding-left: 10px
  }

  .ftx-01, .ftx01 {
    color: #e4393c
  }

  .ftx-02, .ftx02 {
    color: #71b247
  }

  .ftx-03, .ftx03 {
    color: #999
  }

  .ftx-04, .ftx04 {
    color: #ff6c00
  }

  .ftx-05, .ftx05 {
    color: #005ea7
  }

  .ftx-06, .ftx06 {
    color: #666
  }

  .font-price {
    font-family: verdana
  }

  .ftx-13 {
    color: #aaa
  }

  .ftx-emps {
    color: #333
  }

  .fz-12 {
    font-size: 12px
  }

  .fz-14 {
    font-size: 14px
  }

  .fl {
    float: left
  }

  .fr {
    float: right
  }

  .fn {
    float: none
  }

  .al {
    text-align: left
  }

  .ac {
    text-align: center
  }

  .ar {
    text-align: right
  }

  .lh16 {
    line-height: 16px
  }

  .lh18 {
    line-height: 18px
  }

  .lh20 {
    line-height: 20px
  }

  .lh22 {
    line-height: 22px
  }

  .lh24 {
    line-height: 24px
  }

  li {
    list-style: none
  }

  .btn-1, .btn-2, .btn-3, .btn-4 {
    background-color: #e74649;
    background-image: -moz-linear-gradient(top, #e74649, #df3134);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e74649), color-stop(1, #df3134));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134');
    background-image: -webkit-linear-gradient(top, #e74649 0, #df3134 100%);
    background-image: linear-gradient(to bottom, #e74649 0, #df3134 100%);
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    line-height: 18px;
    padding: 3px 15px 4px;
    color: #fff
  }

  .btn-1:hover, .btn-2:hover, .btn-3:hover, .btn-4:hover {
    background-color: #f05356;
    background-image: -moz-linear-gradient(top, #f05356, #eb3c3f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f05356), color-stop(1, #eb3c3f));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f');
    background-image: -webkit-linear-gradient(top, #f05356 0, #eb3c3f 100%);
    background-image: linear-gradient(to bottom, #f05356 0, #eb3c3f 100%)
  }

  .btn-1:link, .btn-1:visited, .btn-2:link, .btn-2:visited, .btn-3:link, .btn-3:visited, .btn-4:link, .btn-4:visited {
    color: #fff;
    text-decoration: none
  }

  .btn-5, .btn-6, .btn-7, .btn-8 {
    background-color: #f5fbef;
    background-image: -moz-linear-gradient(top, #f5fbef, #eaf6e2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5fbef), color-stop(1, #eaf6e2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef', endColorstr='#eaf6e2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef', endColorstr='#eaf6e2');
    background-image: -webkit-linear-gradient(top, #f5fbef 0, #eaf6e2 100%);
    background-image: linear-gradient(to bottom, #f5fbef 0, #eaf6e2 100%);
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    line-height: 18px;
    border: 1px solid #bfd6af;
    padding: 2px 14px 3px;
    color: #323333
  }

  .btn-5:hover, .btn-6:hover, .btn-7:hover, .btn-8:hover {
    background-color: #f6fbf3;
    background-image: -moz-linear-gradient(top, #f6fbf3, #eef7e8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6fbf3), color-stop(1, #eef7e8));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbf3', endColorstr='#eef7e8', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6fbf3', endColorstr='#eef7e8');
    background-image: -webkit-linear-gradient(top, #f6fbf3 0, #eef7e8 100%);
    background-image: linear-gradient(to bottom, #f6fbf3 0, #eef7e8 100%)
  }

  .btn-5:link, .btn-5:visited, .btn-6:link, .btn-6:visited, .btn-7:link, .btn-7:visited, .btn-8:link, .btn-8:visited {
    color: #323333;
    text-decoration: none
  }

  .btn-10, .btn-11, .btn-12, .btn-9 {
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(top, #F7F7F7, #F3F2F2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #F3F2F2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#F3F2F2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#F3F2F2');
    background-image: -webkit-linear-gradient(top, #F7F7F7 0, #F3F2F2 100%);
    background-image: linear-gradient(to bottom, #F7F7F7 0, #F3F2F2 100%);
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ddd;
    padding: 2px 14px 3px;
    color: #323333
  }

  .btn-10:hover, .btn-11:hover, .btn-12:hover, .btn-9:hover {
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(top, #f8f8f8, #f5f5f5);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #f5f5f5));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f5f5f5', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f5f5f5');
    background-image: -webkit-linear-gradient(top, #f8f8f8 0, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f8f8f8 0, #f5f5f5 100%)
  }

  .btn-10:link, .btn-10:visited, .btn-11:link, .btn-11:visited, .btn-12:link, .btn-12:visited, .btn-9:link, .btn-9:visited {
    color: #323333;
    text-decoration: none
  }

  .btn-13, .btn-14, .btn-15, .btn-16 {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ddd;
    padding: 2px 14px 3px;
    color: #ccc
  }

  .btn-13:hover, .btn-14:hover, .btn-15:hover, .btn-16:hover {
    background: #fff
  }

  .btn-13:link, .btn-13:visited, .btn-14:link, .btn-14:visited, .btn-15:link, .btn-15:visited, .btn-16:link, .btn-16:visited {
    color: #ccc;
    text-decoration: none
  }

  .btn-10, .btn-14 {
    padding: 5px 14px
  }

  .paind {
    text-indent: -36px;
    padding-left: 36px
  }

  a:hover {
    text-decoration: none
  }

  a.btn-another, a.btn-combine, a.btn-pay {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #fff;
    border: 1px solid #e4393c;
    color: #e4393c;
    border-radius: 2px;
    width: 85px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0;
    margin: 3px 0;
    text-align: center;
    font-weight: 700
  }

  a.btn-another:hover, a.btn-combine:hover, a.btn-pay:hover {
    background: #e4393c;
    font-weight: 400;
    color: #fff
  }

  a.btn-combine {
    width: 77px;
    font-weight: 400
  }

  .toolbar .operates {
    position: relative;
    top: 10px
  }

  a.btn-5 {
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #fff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
    background-image: -webkit-linear-gradient(top, #fff 0, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 0, #fff 100%);
    border: 1px solid #71b247;
    color: #71b247;
    border-radius: 2px;
    width: 85px;
    text-align: center;
    padding: 2px 0 3px;
    margin: 3px 0;
    font-weight: 700
  }

  a.btn-5:hover {
    background-color: #71b247;
    background-image: -moz-linear-gradient(top, #71b247, #71b247);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #71b247), color-stop(1, #71b247));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71b247', endColorstr='#71b247', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71b247', endColorstr='#71b247');
    background-image: -webkit-linear-gradient(top, #71b247 0, #71b247 100%);
    background-image: linear-gradient(to bottom, #71b247 0, #71b247 100%);
    font-weight: 400
  }

  a.btn-5:link, a.btn-5:visited, a.btn-6:link, a.btn-6:visited, a.btn-7:link, a.btn-7:visited, a.btn-8:link, a.btn-8:visited {
    color: #71b247
  }

  a.btn-5:hover, a.btn-6:hover, a.btn-7:hover, a.btn-8:hover {
    color: #fff
  }

  a.btn-again {
    display: none;
    padding: 2px 0 3px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 2px;
    width: 85px;
    text-align: center
  }

  a.btn-again b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 12px;
    height: 17px;
    margin-right: 5px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) -22px -180px no-repeat
  }

  a.btn-again:hover {
    background: #fff;
    border-color: #e4393c;
    color: #e4393c
  }

  a.btn-again:hover b {
    background-position: 0 -180px
  }

  a.btn-again-show {
    display: inline-block;
    *display: inline;
    *zoom: 1
  }

  a.btn-order {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 2px 0 3px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 2px;
    width: 85px;
    text-align: center
  }

  a.btn-order b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 12px;
    height: 13px;
    margin-right: 5px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/btn-order.png) 0 0 no-repeat
  }

  a.btn-order:hover {
    background: #fff;
    border-color: #e4393c;
    color: #e4393c
  }

  a.btn-order:hover b {
    background-position: 0 -23px
  }

  a.btn-check {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 2px 0 3px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 2px;
    width: 85px;
    text-align: center
  }

  a.btn-check:hover {
    background: #fff;
    border-color: #e4393c;
    color: #e4393c
  }

  a.btn-check:hover b {
    background-position: 0 -23px
  }

  #container, #container .w {
    background-color: #f5f5f5
  }

  #content {
    padding-left: 120px;
    padding-top: 20px;
    display: inline-block;
    display: block
  }

  #content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  * html #content {
    height: 1%
  }

  * + html #content {
    min-height: 1%
  }

  #sub {
    float: left;
    width: 120px;
    position: relative;
    left: -120px
  }

  #main {
    float: left;
    width: 99.9%;
    margin-left: -120px;
    overflow: hidden
  }

  .mod-main {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px
  }

  .mod-main .mt {
    display: inline-block;
    display: block;
    padding: 10px
  }

  .mod-main .mt:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  * html .mod-main .mt {
    height: 1%
  }

  * + html .mod-main .mt {
    min-height: 1%
  }

  .mod-main .mt h3 {
    float: left;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #333;
    line-height: 20px
  }

  .mod-main .mt .extra-l {
    float: left
  }

  .mod-main .mt .extra-l li {
    float: left;
    padding-left: 20px
  }

  .mod-main .mt .extra-l li a {
    display: inline-block;
    padding-bottom: 2px;
    color: #999
  }

  .mod-main .mt .extra-l li a:hover, .mod-main .mt .extra-l li a:hover em {
    color: #e4393c
  }

  .mod-main .mt .extra-l li a.curr {
    padding-bottom: 0;
    color: #e4393c;
    border-bottom: 2px solid #e4393c;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none
  }

  .mod-main .mt .extra-l li.fore-last {
    border-right: 0
  }

  .mod-main .mt .extra-l em {
    margin-left: 5px
  }

  .mod-main .mt .extra-r {
    float: right
  }

  .mod-main .mc {
    overflow: visible
  }

  .rank {
    margin-right: 10px;
    display: inline-block;
    height: 17px;
    line-height: 17px
  }

  .rank s {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/rank2014.gif);
    display: inline-block;
    height: 17px;
    margin-right: 5px;
    text-decoration: none;
    width: 17px;
    vertical-align: middle
  }

  .rank a {
    display: inline-block;
    vertical-align: middle
  }

  .rank.r2 s {
    background-position: 0 -17px
  }

  .rank.r3 s {
    background-position: 0 -34px
  }

  .rank.r4 s {
    background-position: 0 -51px
  }

  .rank.r5 s {
    background-position: 0 -68px
  }

  .rank.r6 s {
    background-position: 0 -85px
  }

  table {
    border-collapse: collapse
  }

  .tb-void {
    line-height: 18px;
    text-align: center;
    border: 1px solid #f2f2f2;
    border-top: 0;
    color: #333;
    width: 100%
  }

  .tb-void td {
    border: 1px solid #f2f2f2;
    padding: 10px 5px
  }

  .tb-void th {
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    text-align: center;
    font-weight: 400
  }

  .tb-void a {
    color: #005ea7
  }

  .tb-void a.im-btn1, .tb-void a.im-btn2, .tb-void a.im-btn3 {
    display: inline-block;
    width: 62px;
    height: 24px;
    padding-left: 24px;
    overflow: hidden;
    font: 12px/24px SimSun;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/im-btn.png) no-repeat;
    color: #333
  }

  .tb-void a.im-btn2 {
    background-position: 0 -24px;
    color: #999
  }

  .tb-void a.im-btn3 {
    background-position: 0 -48px
  }

  .tb-void .img-list {
    text-align: left
  }

  .tb-void .ar {
    text-align: right
  }

  .tb-void .al {
    text-align: left
  }

  .tb-coupon td {
    border: none
  }

  .tb-none th {
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-weight: 400
  }

  .tb-none td {
    border: 0;
    padding: 6px 0;
    text-align: center
  }

  .tb-line td {
    border: 0;
    border-bottom: 1px dotted #f2f2f2
  }

  .tb-left {
    text-align: left
  }

  .tb-left td {
    padding: 5px 0 5px 20px
  }

  .mod-comm {
    padding: 10px 20px 20px
  }

  .mod-comm .mt {
    padding: 10px 0
  }

  .mod-comm .mt h3 {
    font-size: 12px;
    color: #666;
    font-family: '\5b8b\4f53';
    line-height: 18px
  }

  .mod-comm .mc {
    line-height: 20px
  }

  .mod-comm .smt-01 {
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    margin-top: 10px
  }

  .mod-comm .smc-01 {
    border: 1px solid #f2f2f2;
    padding: 20px 20px 10px
  }

  .mod-comm .extra-r a.btn-close {
    color: #333
  }

  .mod-comm .extra-r a.btn-close b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/icon2.png) 0 -58px no-repeat;
    width: 7px;
    height: 5px;
    overflow: hidden;
    vertical-align: middle;
    margin-left: 5px
  }

  .mod-comm .extra-r a.btn-close:hover {
    color: #333
  }

  .mod-comm .extra-r a.btn-close.down b {
    background-position: 0 -63px
  }

  .lefta-box .mt .extra-l li {
    padding: 0;
    padding-right: 20px
  }

  .remind-box {
    background: #fffdee;
    border: 1px solid #edd28b;
    padding: 10px
  }

  .remind-box .smt {
    display: inline-block;
    display: block
  }

  .remind-box .smt:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  * html .remind-box .smt {
    height: 1%
  }

  * + html .remind-box .smt {
    min-height: 1%
  }

  .remind-box .info-list li {
    float: left;
    margin-right: 20px
  }

  .remind-box .info-list strong {
    font-size: 14px
  }

  .remind-box .smc {
    margin-top: 10px;
    padding-top: 10px;
    line-height: 22px;
    border-top: 1px solid #f2f2f2
  }

  .user-info-cont strong {
    font-size: 16px;
    font-family: "Microsoft YaHei"
  }

  .user-info-cont .num {
    margin: 0 5px
  }

  .im2013:hover {
    text-decoration: none
  }

  .im2013, .im2013off {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/im2013.png) no-repeat 0 0;
    width: 62px;
    height: 18px;
    line-height: 18px;
    padding: 1px 0 2px 31px;
    color: #fff;
    margin-right: 0;
    overflow: hidden;
    vertical-align: middle
  }

  .im2013 strong, .im2013off strong {
    font-weight: 400;
    color: #fff;
    float: left;
    line-height: 18px
  }

  .im2013off {
    background-position: 0 -22px;
    cursor: default;
    color: #ccc
  }

  .im2013off strong {
    color: #ccc
  }

  a.im-h21, a.im-h21-jd, a.im-h21-off {
    display: inline-block;
    width: 58px;
    height: 21px;
    padding-left: 28px;
    font: 12px/21px SimSun;
    color: #333;
    vertical-align: middle;
    text-align: left;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/im-btn2.png) no-repeat 0 0
  }

  a.im-h21-off {
    color: #999;
    background-position: 0 -21px
  }

  a.im-h21-jd {
    background-position: 0 -42px
  }

  .pagin a, .pagin span {
    background: #fff
  }

  #safeinfo {
    padding: 5px 15px;
    display: none;
    border: 1px solid #EDD28B;
    background: #FFFDEE
  }

  .icon-face {
    float: left;
    width: 50px;
    height: 50px;
    background-image: url(//misc.360buyimg.com/jd2008/skin/df/i/iconface.png);
    margin-top: 10px
  }

  #safeinfo .mc {
    margin-left: 60px
  }

  #safeinfo .btn-3 {
    background-color: #e74649;
    background-image: -moz-linear-gradient(top, #e74649, #df3134);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e74649), color-stop(1, #df3134));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134');
    background-image: -webkit-linear-gradient(top, #e74649 0, #df3134 100%);
    background-image: linear-gradient(to bottom, #e74649 0, #df3134 100%);
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 18px;
    line-height: 18px;
    padding: 3px 15px 4px;
    color: #fff
  }

  #safeinfo .btn-3:hover {
    background-color: #f05356;
    background-image: -moz-linear-gradient(top, #f05356, #eb3c3f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f05356), color-stop(1, #eb3c3f));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f');
    background-image: -webkit-linear-gradient(top, #f05356 0, #eb3c3f 100%);
    background-image: linear-gradient(to bottom, #f05356 0, #eb3c3f 100%)
  }

  #safeinfo .btn-3:link, #safeinfo .btn-3:visited {
    color: #fff;
    text-decoration: none
  }

  .loading-style1, .loading-style1 b {
    background: url(//misc.360buyimg.com/lib/skin/e/i/loading-jd.gif) no-repeat 50% 50%
  }

  .loading-style2, .loading-style2 b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 30px;
    height: 3px;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/loading-jd2.gif) no-repeat 50% 50%
  }

  .prompt-01 {
    position: absolute;
    width: 122px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 0 2px 2px #eee;
    border-radius: 1px
  }

  .prompt-01 .pc {
    background: #fff;
    padding: 10px;
    color: #333;
    text-align: left;
    overflow: hidden
  }

  .prompt-01 .pc dl {
    border-bottom: 1px solid #ccc;
    line-height: 16px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    overflow: hidden
  }

  .prompt-01 .pc dl dd, .prompt-01 .pc dl dt {
    font-weight: 700
  }

  .prompt-01 .pc li {
    overflow: hidden;
    zoom: 1
  }

  .prompt-01 .pc .close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 17px;
    height: 17px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/jdleft.png) -46px 0;
    cursor: pointer
  }

  .prompt-01 .p-arrow {
    position: absolute;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/arrow-gray.png) no-repeat
  }

  .prompt-01 .p-arrow-left {
    right: -8px;
    top: 20px;
    width: 8px;
    height: 16px;
    background-position: -7px 0
  }

  .prompt-01 .p-arrow-right {
    left: -8px;
    top: 20px;
    width: 8px;
    height: 16px;
    background-position: 0 0
  }

  .prompt-01 .p-arrow-top {
    left: 20px;
    top: -8px;
    width: 16px;
    height: 8px;
    background-position: 0 0
  }

  .prompt-01 .p-arrow-bottom {
    left: 20px;
    bottom: -7px;
    width: 16px;
    height: 8px;
    background-position: 0 -7px
  }

  .prompt-01 .fore1 {
    min-height: 15px;
    _height: 15px
  }

  .prompt-01 .fore2 {
    float: left;
    width: 260px
  }

  .prompt-01 .fore1, .prompt-01 .pc dt {
    width: 140px;
    float: left;
    margin-right: 6px
  }

  .prompt-01 .pr-more, .prompt-01 .pr-select {
    margin: 0 -10px;
    padding: 1px 0 1px 10px;
    cursor: pointer
  }

  .prompt-01 .icon-show {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    top: 2px;
    margin-left: 2px;
    width: 14px;
    height: 14px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/icon2.png) 0 0
  }

  .prompt-01 .pr-select {
    background-color: #f9f3d3
  }

  .prompt-01 .pr-select .icon-show {
    background-position: 0 14px
  }

  .form .itxt02 {
    width: 60px
  }

  .tip-box {
    margin: 0 40px
  }

  .tip-box .op-btns {
    margin-top: 15px
  }

  .tip-box h3 {
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    line-height: 30px;
    font-weight: 400
  }

  .tip-box .links {
    margin-left: -6px
  }

  .tip-box .links ul {
    display: inline-block;
    display: block
  }

  .tip-box .links ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  * html .tip-box .links ul {
    height: 1%
  }

  * + html .tip-box .links ul {
    min-height: 1%
  }

  .tip-box .links li {
    float: left;
    border-left: 1px solid #ccc;
    padding: 0 5px
  }

  .tip-box .item-fore {
    overflow: hidden
  }

  .tip-box .item-fore div {
    line-height: 20px;
    min-height: 20px
  }

  .tip-box .item-fore h3 {
    text-align: left
  }

  .icon-box {
    position: relative;
    _height: 48px;
    _overflow: visible
  }

  .icon-box .m-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/icon48.png) no-repeat
  }

  .icon-box .succ-icon {
    background-position: 0 0
  }

  .icon-box .warn-icon {
    background-position: -94px 0
  }

  .icon-box .error-icon {
    background-position: -48px 0
  }

  .icon-box .qm-icon {
    background-position: -144px 0
  }

  .icon-box .item-fore {
    margin-left: 58px
  }

  .icon-box .em-icon {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/mark-icon.png) no-repeat
  }

  .safety-box {
    position: relative;
    height: 60px;
    line-height: 25px;
    padding: 10px 0 10px 135px;
    margin: 0 0 10px;
    font-family: "Microsoft YaHei";
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/safe-icon.png) 30px center no-repeat #fffdee
  }

  .safety-box strong {
    font-size: 18px
  }

  .safety-box .btn-1 {
    margin: 0 5px
  }

  img.err-poster, img.err-product {
    background: url(//misc.360buyimg.com/lib/skin/e/i/error-jd.gif) no-repeat scroll 50% 50% rgba(0, 0, 0, 0)
  }

  .pagin a, .pagin span {
    float: left;
    height: 20px;
    padding: 3px 10px;
    border: 1px solid #ccc;
    margin-left: 2px;
    font-family: arial;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
  }

  .pagin .current, .pagin .text {
    border: 0;
    padding: 4px 11px
  }

  .pagin a:link, .pagin a:visited {
    color: #005aa0
  }

  .pagin a:active, .pagin a:hover {
    background: #005aa0;
    color: #fff;
    text-decoration: none
  }

  .pagin .current, .pagin .current:link, .pagin .current:visited {
    color: #f60;
    font-weight: 700
  }

  .pagin .next, .pagin .next-disabled, .pagin .prev, .pagin .prev-disabled {
    position: relative;
    padding-top: 5px;
    height: 18px;
    line-height: 18px
  }

  .pagin .next-disabled, .pagin .prev-disabled {
    color: #ccc;
    cursor: default
  }

  .pagin .prev, .pagin .prev-disabled {
    padding-left: 12px
  }

  .pagin .prev b {
    left: 3px;
    background-position: -68px -608px
  }

  .pagin .prev-disabled b {
    left: 3px;
    background-position: -80px -608px
  }

  .pagin .next, .pagin .next-disabled {
    padding-right: 12px
  }

  .pagin .next b {
    right: 3px;
    background-position: -62px -608px
  }

  .pagin .next-disabled b {
    right: 3px;
    background-position: -74px -608px
  }

  .pagin-m a, .pagin-m span {
    height: 14px;
    line-height: 14px;
    font-size: 12px
  }

  .pagin-m b {
    top: 5px
  }

  .pagin-m .next, .pagin-m .next-disabled, .pagin-m .prev, .pagin-m .prev-disabled {
    padding-top: 3px;
    height: 14px;
    line-height: 14px;
    *line-height: 16px
  }

  .pagin .page-skip {
    height: 26px;
    padding: 0 10px;
    border: 0;
    font-size: 12px
  }

  .pagin .page-skip em {
    float: left;
    height: 26px;
    line-height: 26px
  }

  .pagin .jumpto {
    float: left;
    width: 36px;
    height: 21px;
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #aaa #ddd #ddd #aaa;
    margin: 0 5px;
    text-align: center;
    font-family: verdana
  }

  .pagin a.btn-skipsearch {
    float: left;
    width: 51px;
    height: 23px;
    padding: 0;
    margin-left: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f7f7f7;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    color: #333
  }

  .pagin .btn-skipsearch:hover {
    border-color: #ccc;
    background: #f9f9f9
  }

  .pagin-m i {
    font-style: normal
  }

  .pagin-m .prev-disabled b {
    left: 9px
  }

  .pagin-m .next-disabled b {
    right: 9px
  }

  .pagin-m a {
    font-weight: 700
  }

  .jd-baina {
    display: inline-block;
    height: 14px;
    padding: 0 2px;
    border: 1px solid #e4393c;
    font: 12px/14px SimSun;
    color: #e4393c;
    background: #fff
  }

  .order-warn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 16px;
    height: 18px;
    margin-right: 5px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/icon16.png) -26px 0 no-repeat;
    vertical-align: middle;
    overflow: hidden
  }

  div.mod-main .mt .extra-l li {
    padding-right: 15px
  }

  div.mod-main .mt .extra-l li.fore1 {
    padding-right: 20px
  }

  div.mod-main .mt .extra-l li.fore2 {
    position: relative;
    border-left: 1px dotted #ddd;
    padding: 0 15px
  }

  div.mod-main .mt .extra-l li.fore2 a.curr, div.mod-main .mt .extra-l li.fore2 a.ftx-03:hover {
    color: #e4393c
  }

  div.mod-main .mt .extra-l li a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    color: #333
  }

  div.mod-main .mt .extra-l li a.ftx-03 {
    color: #999
  }

  div.mod-main .mt .extra-l li a:hover em {
    color: #fff
  }

  div.mod-main .mt .extra-l li em {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 15px;
    line-height: 15px;
    font-family: arial;
    top: -5px;
    padding: 0 4px;
    background: #e4393c;
    border-radius: 15px;
    color: #fff;
    font-size: 10px;
    margin: 0 0 0 2px;
    _position: static
  }

  div.mod-main .mt .extra-l li .new {
    position: absolute;
    width: 24px;
    height: 14px;
    top: -10px;
    right: -10px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/new-icon.png) no-repeat;
    overflow: hidden
  }

  .root61 div.mod-main .mt .extra-l li {
    padding-right: 20px
  }

  .root61 div.mod-main .mt .extra-l li.fore2 {
    padding-left: 40px;
    margin-left: 20px
  }

  div.mod-fitment i {
    display: inline-block;
    width: 95px;
    height: 15px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/fitment.png) no-repeat;
    margin-top: 1px;
    margin-left: 10px
  }

  div.mod-fitment a {
    color: #005ea7
  }

  div.mod-fitment a i {
    width: 7px;
    height: 12px;
    margin-left: 5px;
    background-position: -56px -18px
  }

  div.mod-order .mt {
    padding: 10px 0 0
  }

  div.mod-order h3.cur a, div.mod-order h3.fore2 {
    color: #e4393c
  }

  div.mod-order .fore2 {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #ccc
  }

  .switch-items a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    margin-left: 5px;
    border-radius: 15px;
    border: 1px solid #ddd;
    color: #333
  }

  .switch-items a.curr {
    background: #e4393c;
    border-color: #e4393c;
    color: #fff;
    font-weight: 700
  }

  .mt .search {
    position: relative;
    top: -3px
  }

  .mt .search .itxt {
    float: left;
    width: 158px;
    height: 24px;
    line-height: 18px;
    padding: 2px 5px 3px;
    border: 1px solid #ccc
  }

  .mt .search .search-btn {
    position: relative;
    float: left;
    width: 52px;
    height: 24px;
    line-height: 99em;
    overflow: hidden;
    border: 1px solid #ddd;
    border-left: 0;
    text-align: center;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7, #f3f2f2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1, #f3f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2');
    background-image: -webkit-linear-gradient(top, #f7f7f7 0, #f3f2f2 100%);
    background-image: linear-gradient(to bottom, #f7f7f7 0, #f3f2f2 100%)
  }

  .mt .search .search-btn b {
    position: absolute;
    left: 17px;
    top: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 18px;
    height: 16px;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) -8px -58px
  }

  .mt .search .default-btn {
    float: left;
    margin-left: -1px;
    width: 50px;
    height: 24px;
    line-height: 18px;
    padding: 2px 0 3px;
    text-align: center;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 2px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7, #f3f2f2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1, #f3f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2');
    background-image: -webkit-linear-gradient(top, #f7f7f7 0, #f3f2f2 100%);
    background-image: linear-gradient(to bottom, #f7f7f7 0, #f3f2f2 100%)
  }

  .mt .search .default-btn:hover {
    color: #333;
    background-color: #f3f2f2;
    background-image: -moz-linear-gradient(top, #f3f2f2, #f7f7f7);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f2f2), color-stop(1, #f7f7f7));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f2', endColorstr='#f7f7f7', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f2', endColorstr='#f7f7f7');
    background-image: -webkit-linear-gradient(top, #f3f2f2 0, #f7f7f7 100%);
    background-image: linear-gradient(to bottom, #f3f2f2 0, #f7f7f7 100%)
  }

  .mt .search .default-btn b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    _display: none;
    width: 7px;
    height: 4px;
    margin-left: 5px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) -37px -207px no-repeat
  }

  .mt .search .error-key {
    overflow: hidden;
    position: absolute;
    background-color: #fff;
    top: -3px;
    left: -130px;
    height: 20px;
    padding: 5px 8px 5px 10px;
    line-height: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .12)
  }

  .empty-box {
    position: relative;
    width: 400px;
    margin: 110px auto 170px;
    height: 136px
  }

  .empty-box .empty-icon {
    display: block;
    width: 150px;
    height: 150px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/empty-icon05.png) no-repeat
  }

  .empty-box .empty-icon03 {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/empty-icon03.png) no-repeat
  }

  .empty-box .e-cont {
    position: absolute;
    left: 146px;
    top: 60px;
    width: 250px
  }

  .empty-box .e-cont h5 {
    font-family: "Microsoft YaHei";
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px
  }

  .empty-box .e-cont .op-btns {
    margin-top: 10px
  }

  .empty-hospital .e-cont h5 {
    font-weight: 600
  }

  div#order02 {
    position: relative
  }

  a.ftx-03, a.ftx03, div.ftx-03, div.ftx03, span.ftx-03, span.ftx03 {
    color: #aaa
  }


  #order-guid ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 3500px;
    height: 242px
  }

  #order-guid li {
    float: left;
    width: 875px;
    position: relative;
    z-index: 100;
    overflow: hidden
  }


  #order-guid li.fore1 {
    height: 623px
  }


  #order-guid li.fore2 {
    height: 643px
  }

  .root61 #order-guid ul {
    width: 4820px
  }

  .root61 #order-guid li {
    width: 1187px
  }

  .root61 #order-guid li.fore1 {
    height: 623px
  }


  .root61 #order-guid li.fore2 {
    height: 643px
  }

  #order02 .mc {
    _position: relative
  }

  div.remd-form .itxt {
    width: 296px;
    padding: 5px
  }


  div.remd-form .list li {
    cursor: pointer;
    float: left;
    position: relative;
    height: 18px;
    line-height: 18px;
    margin-right: 10px;
    padding: 5px 26px;
    border: 1px solid #ddd
  }

  div.remd-form .list li.selted s {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 16px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/selt.png) no-repeat
  }



  .pre-delivery-box .p-img {
    float: left;
    width: 60px;
    border: 1px solid #efefef
  }

  .pre-delivery-box .p-name {
    float: left;
    width: 275px;
    height: 50px;
    margin: 0 30px 0 10px;
    line-height: 25px;
    overflow: hidden;
    _display: inline
  }

  .pre-delivery-box .p-state {
    float: left;
    width: 30px;
    text-align: right
  }

  .pre-delivery-box .btn-1, .pre-delivery-box .btn-9 {
    width: 80px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    border-radius: 2px
  }


  table.gold-tb .goods-item .p-name {
    height: 18px
  }

  table.gold-tb .curr-profit, table.gold-tb .fact-profit {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 14px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/gold-icons.png) no-repeat
  }


  .collection-tip s {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/collection.png) no-repeat;
    width: 12px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -4px
  }

  table.collection-tb .amount-col, table.collection-tb .consignee-col {
    width: 146px
  }

  table.collection-tb .goods-item .p-name {
    height: 18px
  }

  .root61 .gold-process {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/gold-process.png) no-repeat
  }

  .root61 .gold-process .gold-tips {
    right: 300px
  }

  .root61 table.collection-tb .amount-col, .root61 table.collection-tb .consignee-col {
    width: 156px
  }

  div.gold-tipbox {
    width: 330px;
    margin: 20px auto
  }

  div.gold-tipbox .m-icon {
    width: 50px;
    height: 50px;
    background-image: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/icon48-2016.png)
  }

  div.gold-tipbox .warn-icon {
    background-position: -58px 0
  }

  div.gold-tipbox .qm-icon {
    background-position: -118px 0
  }

  div.gold-tipbox a.btn-gxl {
    font-size: 14px;
    width: 85px;
    text-align: center;
    padding: 8px 0
  }

  div.gold-tipbox .g-amount-cont {
    padding: 20px;
    margin: 15px 0;
    line-height: 20px;
    background: #f7f7f7
  }

  div.gold-tipbox .g-amount-cont .label {: @inlcude inline-block;
    width: 60px;
    vertical-align: middle
  }

  div.ui-tips-gold {
    z-index: 1000001;
    border-color: #ddd;
    background: #fff;
    padding: 10px
  }

  div.ui-tips-gold .ui-tips-arrow {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/tips-gray.png) no-repeat
  }

  div.ui-tips-gold .ui-tips-close {
    right: 10px;
    top: 10px;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) no-repeat -44px -55px
  }


  #footer-otc-2018 .otc-logo a {
    display: block;
    width: 100%;
    height: 100%
  }

  #footer-otc-2018 .authentication {
    float: left;
    width: 100%;
    margin: 10px auto 0;
    text-align: center;
    color: #333
  }

  #footer-otc-2018 .authentication ul.authen-ul {
    display: inline-block;
    margin-left: 23px;
    max-width: 970px
  }

  #footer-otc-2018 .authentication ul.authen-ul-ac {
    display: inline-block;
    display: block;
    text-align: center
  }

  #footer-otc-2018 .authentication ul.authen-ul-ac:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  * html #footer-otc-2018 .authentication ul.authen-ul-ac {
    height: 1%
  }

  * + html #footer-otc-2018 .authentication ul.authen-ul-ac {
    min-height: 1%
  }

  #footer-otc-2018 .authentication ul.authen-ul-ac em, #footer-otc-2018 .authentication ul.authen-ul-ac li {
    float: none;
    display: inline-block
  }

  #footer-otc-2018 .authentication li.authen-li {
    float: left;
    line-height: 23px;
    _display: inline
  }

  #footer-otc-2018 .authentication li.authen-li:first-child {
    margin-left: 23px
  }

  #footer-otc-2018 .authentication li.authen-li a {
    color: #333
  }

  #footer-otc-2018 .authentication li.authen-li a:hover {
    color: #e4393c
  }

  #footer-otc-2018 .authentication em.gap {
    float: left;
    line-height: 23px;
    margin: 0 5px
  }



  .top-search .fore1 {
    z-index: 2
  }

  .top-search .label {
    float: left;
    width: 60px;
    height: 30px;
    line-height: 30px
  }

  .top-search .dd {
    float: left;
    width: 760px;
    font-size: 0
  }

  .top-search .dd a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 8px;
    margin: 0 1px 5px 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px
  }

  .top-search .dd a.curr, .top-search .dd a:hover {
    background: #e4393c;
    color: #fff;
    border-radius: 2px
  }


  .top-search .ordertime-cont {
    float: left;
    position: relative;
    z-index: 10;
    width: 98px;
    cursor: pointer
  }

  .top-search .ordertime-cont .time-txt {
    position: relative;
    text-align: left;
    padding-left: 20px;
    padding-right: 12px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff
  }

  .top-search .ordertime-cont .time-txt b {
    position: absolute;
    display: block;
    width: 7px;
    height: 4px;
    right: 5px;
    top: 13px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) -37px -207px no-repeat
  }

  .top-search .ordertime-cont .time-list {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 2;
    display: none;
    width: 96px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0
  }

  .top-search .ordertime-cont .time-list li {
    height: 30px;
    line-height: 30px;
    text-align: left
  }

  .top-search .ordertime-cont .time-list li a {
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #666;
    padding-left: 20px
  }

  .top-search .ordertime-cont .time-list li a:hover {
    background: #f5f5f5;
    color: #e4393c
  }

  .top-search .ordertime-cont .time-list li a b {
    position: absolute;
    width: 10px;
    height: 7px;
    left: 5px;
    top: 10px;
    vertical-align: middle;
    overflow: hidden
  }

  .top-search .ordertime-cont .time-list li a.curr {
    color: #e4393c
  }

  .top-search .ordertime-cont .time-list li a.curr b {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) 0 -207px
  }

  .top-search .ordertime-hover .time-txt {
    background: #fff;
    border-color: #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
  }

  .top-search .ordertime-hover .time-txt b {
    background-position: -20px -207px
  }


  .top-search .ordertime-hover .time-list {
    display: block;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
  }


  .order-tb .goods-item .o-match i, .order-tb .goods-item .o-similar i {
    display: inline-block;
    background-image: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/sprite-order-icon.png);
    background-repeat: no-repeat
  }


  .order-tb {
    width: 100%
  }

  .order-tb .btn-spec1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #fff;
    border: 1px solid #e4393c;
    color: #e4393c;
    border-radius: 2px;
    width: 85px;
    height: 18px;
    line-height: 18px;
    padding: 2px 0;
    margin: 3px 0;
    text-align: center
  }


  .order-tb .number-col {
    width: 394px
  }

  .order-tb .amount-col, .order-tb .consignee-col, .order-tb .status-col {
    width: 105px
  }

  .order-tb thead th {
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #f5f5f5;
    color: #666;
    font-weight: 400
  }

  .order-tb tbody td {
    border: 1px solid #e5e5e5
  }

  .order-tb .sep-row {
    height: 20px
  }

  .order-tb .sep-row td {
    border: 0
  }

  .order-tb .tr-th {
    background: #f5f5f5;
    height: 31px;
    line-height: 31px;
    color: #aaa;
    overflow: hidden
  }

  .order-tb .tr-th td {
    border-bottom-color: #f5f5f5
  }

  .order-tb .tr-th span {
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 2px 0 0;
    _display: inline
  }

  .order-tb .tr-th span.shop-txt {
    padding: 0
  }

  .order-tb .tr-th .gap {
    width: 14px
  }

  .order-tb .tr-th .dealtime {
    margin-right: 30px;
    _margin-right: 15px;
    font-family: verdana
  }

  .order-tb .tr-th .number {
    width: 226px;
    font-family: verdana
  }

  .order-tb .tr-th a {
    color: #333
  }

  .order-tb .tr-th a:hover {
    color: #e4393c
  }

  .order-tb .tr-th .order-shop {
    width: 100px
  }

  .order-tb .tr-th .order-shop .shop-txt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    max-width: 124px;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis
  }


  .order-tb .tr-th .tr-operate {
    float: right;
    position: relative;
    margin-right: 15px;
    width: 397px;
    height: 23px
  }

  .order-tb .tr-th .order-del {
    position: absolute;
    right: 0;
    top: 6px;
    display: none;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) -23px -132px no-repeat
  }

  .order-tb .tr-th .order-del:hover {
    background-position: 0 -132px
  }

  .order-tb .tr-th .order-share {
    position: absolute;
    right: 0;
    top: 6px;
    display: inline-block;
    width: 13px;
    height: 13px;
    font-size: 0;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) 0 -222px no-repeat
  }

  .order-tb .tr-th .order-share:hover {
    background-position: -20px -222px
  }

  .order-tb .tr-th .tel {
    width: 180px;
    color: #aaa;
    font-family: verdana
  }

  .order-tb .tr-th .tel .tel-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 19px;
    height: 19px;
    margin-right: 3px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) -75px -55px
  }

  .order-tb .tr-bd {
    text-align: center;
    vertical-align: top
  }

  .order-tb .tr-bd td {
    padding: 14px 0
  }

  .order-tb .tr-bd td.mxg .goods-item {
    min-height: 87px
  }


  .order-tb tbody.split-tbody .tr-th td {
    border-width: 0 1px
  }

  .order-tb tbody.split-tbody .tr-bd td {
    border-width: 0 1px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/split-line.png) -14px 0 no-repeat
  }

  .order-tb tbody.split-tbody .sep-tr-bd td {
    padding: 0
  }

  .order-tb tbody.split-tbody-last .tr-bd td {
    border-width: 0 1px 1px
  }

  .order-tb .tr-th-split td {
    border-bottom: none
  }


  .order-tb .tr-th-split .order-count em {
    font-family: verdana
  }

  .order-tb .goods-item {
    display: inline-block;
    display: block;
    float: left;
    width: 255px;
    margin-right: 10px
  }

  .order-tb .goods-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  * html .order-tb .goods-item {
    height: 1%
  }

  * + html .order-tb .goods-item {
    min-height: 1%
  }

  .order-tb .goods-item .p-img {
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #efefef;
    margin: 0 14px;
    _display: inline;
    position: relative
  }

  .order-tb .goods-item .p-msg {
    float: left;
    width: 160px
  }

  .order-tb .goods-item .p-shop {
    float: left;
    width: 160px;
    padding-top: 5px
  }

  .order-tb .goods-item .p-name {
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    color: #333;
    text-align: left
  }


  .order-tb .goods-item .p-name a {
    color: #333;
    *zoom: 1
  }

  .order-tb .goods-item .p-name a:hover {
    color: #e4393c
  }


  .order-tb .goods-item .p-extra .gold-alink span {
    color: #333
  }

  .order-tb .goods-item .o-info {
    text-align: left;
    color: #aaa
  }

  .order-tb .goods-item .o-match, .order-tb .goods-item .o-similar {
    display: inline-block;
    vertical-align: top;
    cursor: pointer
  }

  .order-tb .goods-item .o-match i, .order-tb .goods-item .o-similar i {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: top
  }

  .order-tb .goods-item .o-match em, .order-tb .goods-item .o-similar em {
    display: inline-block;
    vertical-align: top
  }

  .order-tb .goods-item .o-similar i {
    margin-top: 2px;
    background-position: -31px 0
  }

  .order-tb .goods-item .o-match i {
    background-position: -56px 0
  }

  .order-tb .goods-item .o-custom {
    display: inline-block;
    vertical-align: top;
    cursor: pointer
  }

  .order-tb .goods-item .o-custom i {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/icon-custom.png) 0 0 no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: 3px
  }

  .order-tb .goods-item .o-custom a {
    display: inline-block;
    vertical-align: top;
    color: #4D88FF
  }

  .order-tb .goods-item .o-custom a:hover {
    color: #e4393c !important
  }

  .order-tb .goods-number {
    float: left;
    width: 40px;
    text-align: left;
    color: #aaa;
    font-family: verdana
  }

  .order-tb .goods-repair {
    float: right;
    width: 84px;
    text-align: center
  }

  .order-tb .goods-repair .btn-resell b {
    position: absolute;
    display: block;
    top: 0;
    left: 9px;
    width: 21px;
    height: 23px;
    margin-right: 5px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/resell-icons.png) 0 0 no-repeat
  }

  .order-tb .goods-repair .btn-resell:hover b {
    background-position: 0 -43px
  }

  .order-tb .consignee {
    color: #333
  }

  .order-tb .consignee .txt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    white-space: nowrap;
    overflow: hidden;
    max-width: 72px;
    text-overflow: ellipsis;
    vertical-align: middle
  }

  .order-tb .consignee b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 14px;
    height: 16px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) 0 -24px;
    vertical-align: middle;
    margin: 0 0 0 5px
  }


  .order-tb .homelove b {
    float: right;
    margin: 9px 4px 0 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 6px solid #e4393c;
    width: 0;
    height: 0
  }

  .order-tb .homelove:hover b {
    border-left: 6px solid #FFF
  }

  .order-tb .amount {
    color: #AAA
  }

  .order-tb .amount strong {
    font-family: verdana;
    color: #333
  }

  .order-tb .amount .ftx-13 {
    display: block;
    margin: 0 8px;
    margin-top: 5px;
    padding-top: 1px;
    border-top: solid 1px #E5E5E5;
    line-height: 19px;
    height: 19px;
    overflow: hidden
  }

  .order-tb .operate {
    line-height: 22px
  }


  .order-tb .status {
    position: relative;
    z-index: 5;
    color: #333;
    line-height: 22px
  }

  .order-tb .status a {
    color: #333
  }

  .order-tb .status .bean-tips, .order-tb .status a:hover {
    color: #e4393c
  }

  .order-tb .bean-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 18px;
    margin: 0 3px 0 0;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) -43px -180px no-repeat;
    vertical-align: middle
  }

  .order-tb .tooltip {
    position: relative;
    width: 100px;
    margin: 0 auto;
    z-index: 2;
    cursor: pointer
  }


  .order-tb .tooltip .prompt-package-box .package-title s {
    display: inline-block;
    width: 11px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) no-repeat -47px -130px
  }


  .order-tb .tooltip .prompt-package-box .package-title-tabs .package-title-tab a {
    padding-bottom: 6px;
    display: inline-block
  }

  .order-tb .tooltip .prompt-package-box .package-title-tabs .package-title-tab.focus a {
    color: #d24844
  }


  .order-tb .tooltip .prompt-package-box .package-content-tab .logistics-cont li.first i {
    top: 0
  }

  .order-tb .prompt-03 h3, .order-tb .tooltip h3 {
    font-size: 14px;
    font-weight: 600
  }


  .order-tb .prompt-01 .p-tit.p-tit-new a {
    float: right;
    font-weight: 400
  }

  .order-tb .prompt-01 .logistics-cont li {
    position: relative;
    overflow: visible;
    width: 340px;
    padding: 15px 0 0 15px;
    border-left: 1px solid #e3e3e3
  }


  .order-tb .prompt-01 .logistics-cont-new li {
    width: auto;
    border: none;
    padding: 15px 0 0 120px;
    min-height: 40px;
    color: #999
  }


  .order-tb .prompt-01 .wx-qrcode .tip-img img {
    width: 80px;
    height: 80px
  }

  .order-tb .prompt-01 .wx-qrcode .tip-title span {
    color: #e4393c
  }


  .order-tb .prompt-01 .wx-qrcode-tipbox .tip-img img {
    width: 80px;
    height: 80px
  }


  .order-tb .stage-cont li {
    float: left;
    text-align: center
  }

  .order-tb .stage-cont .fore1 {
    width: 462px;
    text-align: left
  }

  .order-tb .stage-cont .fore2 {
    width: 145px
  }

  .order-tb .stage-cont .fore3 {
    width: 65px
  }

  .order-tb .stage-cont .fore4 {
    width: 116px;
    margin-left: 20px
  }

  .order-tb .stage-cont .asbr {
    display: block
  }

  .order-tb .stage-cont .warning {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/warning-circle.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    height: 16px;
    display: block;
    line-height: 16px;
    color: #515151;
    margin-top: 5px
  }

  .order-tb .deal-state-cont {
    position: relative;
    z-index: 10;
    width: 98px;
    cursor: pointer
  }

  .order-tb .deal-state-cont .state-txt {
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding-left: 20px;
    padding-right: 12px;
    border: 1px solid #f5f5f5
  }

  .order-tb .deal-state-cont .state-txt b {
    position: absolute;
    width: 7px;
    height: 4px;
    right: 18px;
    top: 13px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) -37px -207px no-repeat
  }

  .order-tb .deal-state-cont .state-txt b.rx {
    right: 8px
  }

  .order-tb .deal-state-cont .state-list {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 2;
    display: none;
    width: 96px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-top: 0
  }

  .order-tb .deal-state-cont .state-list li {
    height: 30px;
    line-height: 30px;
    text-align: left
  }

  .order-tb .deal-state-cont .state-list li a {
    display: block;
    position: relative;
    color: #666;
    height: 30px;
    line-height: 30px;
    padding-left: 20px
  }

  .order-tb .deal-state-cont .state-list li a:hover {
    background: #f5f5f5;
    color: #e4393c
  }

  .order-tb .deal-state-cont .state-list li a b {
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 10px;
    height: 7px;
    vertical-align: middle;
    overflow: hidden
  }

  .order-tb .deal-state-cont .state-list li a.curr {
    color: #e4393c
  }

  .order-tb .deal-state-cont .state-list li a.curr b {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) 0 -207px
  }

  .order-tb .deal-state-hover .state-txt {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
  }

  .order-tb .deal-state-hover .state-txt b {
    background-position: -20px -207px
  }


  .order-tb .deal-state-hover .state-list {
    display: block;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
  }

  .order-tb .ordertime-cont {
    position: relative;
    float: left;
    z-index: 10;
    width: 138px;
    cursor: pointer
  }

  .order-tb .ordertime-cont .time-txt {
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding-left: 20px;
    padding-right: 12px;
    border: 1px solid #f5f5f5
  }

  .order-tb .ordertime-cont .time-txt b {
    position: absolute;
    width: 7px;
    height: 4px;
    right: 18px;
    top: 13px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) -37px -207px no-repeat
  }

  .order-tb .ordertime-cont .time-list {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 2;
    display: none;
    width: 136px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-top: 0
  }

  .order-tb .ordertime-cont .time-list li {
    height: 30px;
    line-height: 30px;
    text-align: left
  }

  .order-tb .ordertime-cont .time-list li a {
    display: block;
    position: relative;
    color: #666;
    height: 30px;
    line-height: 30px;
    padding-left: 20px
  }

  .order-tb .ordertime-cont .time-list li a:hover {
    background: #f5f5f5;
    color: #e4393c
  }

  .order-tb .ordertime-cont .time-list li a b {
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 10px;
    height: 7px;
    vertical-align: middle;
    overflow: hidden
  }

  .order-tb .ordertime-cont .time-list li a.curr {
    color: #e4393c
  }

  .order-tb .ordertime-cont .time-list li a.curr b {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) 0 -207px
  }

  .order-tb .ordertime-hover .time-txt {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
  }

  .order-tb .ordertime-hover .time-txt b {
    background-position: -20px -207px
  }


  .order-tb .ordertime-hover .time-list {
    display: block;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
  }

  .order-tb .order-detail-txt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
  }


  .fitment-tb .number-col {
    width: 424px
  }

  .fitment-tb .amount-col {
    width: 155px
  }

  .fitment-tb .status-col {
    width: 123px
  }

  .fitment-tb .tr-th .tr-operate {
    width: 400px
  }

  .fitment-tb .amount {
    padding-left: 30px;
    text-align: left
  }

  .fitment-tb .goods-item {
    width: 424px;
    margin-right: 0
  }

  .fitment-tb .goods-item .p-msg {
    width: 310px
  }

  .fitment-tb .goods-item .o-info {
    color: #333
  }

  .fitment-tb .stage-cont .fore0 i {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 2px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/fitment.png) no-repeat -1px -18px
  }

  .fitment-tb .stage-cont .stage-finish {
    color: #666;
    background-color: #FFF
  }

  .fitment-tb .stage-cont .stage-finish .a-link {
    color: #333
  }

  .fitment-tb .stage-cont .stage-doing {
    color: #e4393c
  }

  .fitment-tb .stage-cont .stage-doing .fore0 i {
    background-position: -35px -18px
  }

  .fitment-tb .stage-cont .stage-doing .fore4 {
    color: #333
  }

  .fitment-tb .stage-cont .stage-stress {
    background-color: #fafafa
  }

  .fitment-tb .stage-cont .stage-stress .fore0 i {
    background-position: -18px -18px
  }

  .fitment-tb .stage-cont .fore1 {
    width: 388px
  }

  .fitment-tb .stage-cont .fore2 {
    width: 125px;
    padding-left: 30px;
    text-align: left
  }


  .fitment-tb .fits-list s {
    position: absolute;
    display: inline-block;
    top: -6px;
    left: 27px;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #e5e5e5;
    border-left: 5px solid transparent
  }

  .fitment-tb .fits-list s i {
    position: absolute;
    display: inline-block;
    top: 2px;
    left: -4px;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #fff;
    border-left: 4px solid transparent
  }

  .fitment-tb .fits-list ul {
    float: left;
    width: 320px;
    height: 63px;
    overflow: hidden
  }

  .fitment-tb .fits-list li {
    float: left;
    padding-right: 18px
  }

  .fitment-tb .fits-list a {
    border: 1px solid #e5e5e5;
    width: 60px;
    height: 60px;
    display: inline-block;
    cursor: pointer
  }

  .fitment-tb .fits-list .fits-all i {
    display: block;
    width: 24px;
    height: 24px;
    margin: 12px 0 2px 18px;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/fitment.png) no-repeat -65px -15px
  }

  .root61 .order-tb .number-col {
    width: 589px
  }

  .root61 .order-tb .consignee-col {
    width: 115px
  }

  .root61 .order-tb .amount-col, .root61 .order-tb .status-col {
    width: 110px
  }

  .root61 .order-tb .goods-item {
    width: 340px;
    margin-right: 74px
  }

  .root61 .order-tb .goods-item .p-msg {
    width: 240px
  }

  .root61 .order-tb .goods-repair {
    width: 104px
  }

  .root61 .order-tb .goods-number {
    width: 70px
  }

  .root61 .order-tb .stage-cont .fore1 {
    width: 660px
  }

  .root61 .order-tb .stage-cont .fore2 {
    width: 160px
  }


  .root61 .order-tb .tr-th .tr-operate {
    width: 608px
  }

  .root61 .fitment-tb .number-col {
    width: 600px
  }

  .root61 .fitment-tb .amount-col {
    width: 175px
  }

  .root61 .fitment-tb .status-col {
    width: 140px
  }

  .root61 .fitment-tb .tr-th .tr-operate {
    width: 400px
  }

  .root61 .fitment-tb .amount {
    padding-left: 30px;
    text-align: left
  }

  .root61 .fitment-tb .goods-item {
    width: 450px
  }

  .root61 .fitment-tb .goods-item .p-msg {
    width: 360px
  }

  .root61 .fitment-tb .stage-cont .fore1 {
    width: 560px
  }

  .root61 .fitment-tb .stage-cont .fore2 {
    width: 145px
  }

  .root61 .fitment-tb .fits-list ul {
    width: 505px
  }

  .root61 .fitment-tb .fits-list li {
    padding-right: 10px
  }


  .o-related-goods li {
    float: left;
    width: 100px;
    padding: 0 7px;
    margin-right: 26px
  }

  .o-related-goods .p-img {
    width: 80px;
    height: 80px;
    margin: 0 auto 5px
  }

  .o-related-goods .p-img img {
    width: 80px;
    height: 80px
  }

  .o-related-goods .p-name {
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }

  .o-related-goods .p-comment a {
    color: #005ea7
  }

  .o-related-goods .p-price strong {
    color: #e4393c;
    font-family: verdana
  }


  .next-disabled b, .prev-disabled b, .ui-pager-next b, .ui-pager-prev b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 7px;
    height: 13px;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/widget/ui-page/i/page-icon.png) no-repeat;
    vertical-align: middle
  }

  .prev-disabled b {
    background-position: 0 0;
    margin-right: 5px
  }

  .next-disabled b {
    background-position: -17px 0;
    margin-left: 5px
  }

  .ui-pager-prev b {
    background-position: -34px 0;
    margin-right: 5px
  }

  .ui-pager-next b {
    background-position: -51px 0;
    margin-left: 5px
  }


  .ui-page-next i {
    margin: 0 0 0 2px
  }

  .ui-page a {
    height: 18px;
    line-height: 18px;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7, #f3f2f2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1, #f3f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2');
    background-image: -webkit-linear-gradient(top, #f7f7f7 0, #f3f2f2 100%);
    background-image: linear-gradient(to bottom, #f7f7f7 0, #f3f2f2 100%);
    font-size: 12px;
    color: #333;
    padding: 4px 1.2em;
    border: 1px solid #ddd;
    margin-left: 3px;
    vertical-align: middle
  }


  .ui-page .itxt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 36px;
    text-align: center;
    border: 1px solid #ddd;
    height: 26px;
    line-height: 26px;
    padding: 0
  }

  .ui-page a:hover {
    text-decoration: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    color: #e33b3d
  }

  span.ui-page-skip em {
    font-weight: 700;
    margin: 0 3px
  }

  span.ui-page-skip .itxt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 28px;
    height: 18px;
    line-height: 18px;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #ccc
  }

  .ui-page span {
    margin-left: 3px;
    color: #666;
    font-size: 12px
  }

  .ui-page span.next-disabled b, .ui-page span.prev-disabled b {
    display: none
  }

  .ui-page .ui-page-cancel i {
    color: #ccc
  }

  @font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"), url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"), url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"), url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
  }

  .goods-list ul {
    display: inline-block;
    display: block
  }

  .goods-list ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  * html .goods-list ul {
    height: 1%
  }

  * + html .goods-list ul {
    min-height: 1%
  }

  .goods-list li {
    float: left;
    width: 160px;
    padding: 0 20px;
    height: 251px;
    margin-bottom: 20px
  }

  .goods-list .p-name {
    height: 40px;
    overflow: hidden;
    margin-bottom: 5px
  }

  .goods-list .p-price strong {
    color: #e4393c
  }

  .root61 .freqt-goods-list li {
    padding: 0 50px
  }

  .goods-list2 .p-img {
    width: 160px;
    margin: 27px auto 15px;
    text-align: center
  }

  .goods-list2 .p-name {
    height: 36px;
    line-height: 18px;
    margin-bottom: 7px;
    overflow: hidden
  }

  .goods-list2 .p-price strong {
    font: 18px/18px verdana
  }

  .goods-list2 .p-comment a {
    color: #005ea7
  }

  .ui-slidebar .dd li {
    position: relative;
    height: 42px
  }

  .ui-slidebar .dd .service-cont a {
    display: block;
    line-height: 23px
  }

  .ui-slidebar .dd .service-cont a:hover {
    transform: translateX(5px)
  }

  .ui-slidebar .dd .hover .service-txt b {
    display: block;
    position: absolute;
    top: 17px;
    left: -1px;
    width: 0;
    height: 0;
    border-style: dashed dashed dashed solid;
    border-width: 4px;
    border-color: transparent transparent transparent #fff;
    overflow: hidden;
    zoom: 1;
    font-size: 0;
    z-index: 5
  }


  .ftx-13 {
    color: #aaa
  }

  .ftx-emps {
    color: #333
  }

  .fz-12 {
    font-size: 12px
  }

  .fz-14 {
    font-size: 14px
  }

  .ac {
    text-align: center
  }

  li {
    list-style: none
  }



  .mod-main {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px
  }

  .mod-main .mt {
    display: inline-block;
    display: block;
    padding: 10px
  }

  .mod-main
  .mt:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  * html .mod-main .mt {
    height: 1%
  }

  * + html .mod-main .mt {
    min-height: 1%
  }

  .mod-main .mt
  h3 {
    float: left;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #333;
    line-height: 20px
  }

  .mod-main .mt .extra-l {
    float: left
  }

  .mod-main .mt .extra-l
  li {
    float: left;
    padding-left: 20px
  }

  .mod-main .mt .extra-l li a {
    display: inline-block;
    padding-bottom: 2px;
    color: #999
  }

  .mod-main .mt .extra-l li a:hover, .mod-main .mt
  .extra-l li a:hover em {
    color: #e4393c
  }

  .mod-main .mt .extra-l li a.curr {
    padding-bottom: 0;
    color: #e4393c;
    border-bottom: 2px solid #e4393c;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none
  }

  .mod-main .mt .extra-l li.fore-last {
    border-right: 0
  }

  .mod-main .mt .extra-l
  em {
    margin-left: 5px
  }

  .mod-main .mt .extra-r {
    float: right
  }

  .mod-main .mc {
    overflow: visible
  }

  #nav .logo a {
    text-decoration: none;
    color: #fff
  }

  #nav .logo img {
    vertical-align: top
  }

  #nav
  .logo .fore1 {
    float: left;
    margin-right: 10px;
    width: 158px;
    height: 80px;
    background: url(//misc.360buyimg.com/user/myjd-2015/widget/common/i/logo_2017.png) no-repeat
  }

  #nav .logo .fore2 {
    float: left;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    margin: 20px 0 0 6px;
    height: 22px
  }

  #nav .navitems a {
    color: #fff;
    position: relative
  }

  #nav .navitems a:hover {
    text-decoration: underline
  }

  #nav .navitems a
  i {
    display: block;
    position: absolute;
    font-family: verdana;
    color: #333;
    text-align: center;
    overflow: hidden;
    -webkit-transition: transform .2s ease-in 0s;
    -webkit-transition: -webkit-transform .2s ease-in 0s;
    transition: -webkit-transform .2s ease-in 0s;
    transition: transform .2s ease-in 0s;
    transition: transform .2s ease-in 0s, -webkit-transform .2s ease-in 0s;
    padding: 0 5px;
    border-radius: 9px 9px 9px 0;
    background-color: #fff;
    left: 28px;
    top: -16px;
    height: 18px;
    line-height: 18px
  }

  #nav .navitems ul {
    display: inline-block;
    display: block
  }

  #nav .navitems
  ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  * html #nav .navitems ul {
    height: 1%
  }

  * + html #nav .navitems ul {
    min-height: 1%
  }

  #nav
  .navitems li {
    float: left;
    margin: 0 20px 0 0
  }

  #nav .navitems li.fore-4 .dl
  .dt {
    width: 56px
  }

  #nav .navitems li.fore-4 .dl .dd a {
    width: 70px
  }

  #nav .navitems .dl {
    position: relative
  }

  #nav .navitems .dl
  .dt {
    white-space: nowrap;
    height: 18px;
    line-height: 18px;
    padding: 9px 16px;
    width: 74px
  }

  #nav .navitems .dl .dt span {
    color: #fff
  }

  #nav .navitems .dl .dt
  b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 9px;
    height: 6px;
    overflow: hidden;
    margin-left: 5px;
    background: url(//misc.360buyimg.com/use r/myjd/ordercenter/css/i/icon.png) 0 - 120 px no-repeat;
    -webkit-transition: transform .2s ease-in 0s;
    -webkit-transition: -webkit-transform .2s ease-in 0s;
    transition: -webkit-transform .2s ease-in 0s;
    transition: transform .2s ease-in 0s;
    transition: transform .2s ease-in 0s, -webkit-transform .2s ease-in 0s
  }

  #nav
  .navitems .dl .dd {
    position: absolute;
    top: 34px;
    left: 0;
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    font-size: 12px
  }

  #nav .navitems .dl .dd
  a {
    display: block;
    text-decoration: none;
    width: 88px;
    padding: 0 0 0 16px;
    line-height: 30px
  }

  #nav .navitems .dl .dd a:hover {
    background: #f5f5f5;
    color: #e4393c
  }

  #nav
  .navitems .hover {
    z-index: 10
  }

  #nav .navitems .hover a {
    color: #333
  }

  #nav .navitems .hover .dt {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 8px 15px;
    box-shadow: 0 3px 5px rgba(153, 153, 153, .5)
  }

  #nav .navitems .hover .dt span {
    color: #333
  }

  #nav .navitems .hover .dt
  b {
    background-position: 0 -135px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  #nav .navitems .hover .dt i {
    display: none
  }

  #nav .navitems .hover
  .dd {
    display: block
  }

  #nav .navitems .hover .dd b {
    color: red;
    font-weight: 400
  }

  #nav .navitems .myjd-info {
    position: relative
  }

  #nav .navitems .myjd-info
  i {
    display: block;
    position: absolute;
    top: -10px;
    _top: -20px;
    left: 68px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-family: verdana;
    color: #333;
    text-align: center;
    font-we ight: 700;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/msg-count.png) no-repeat;
    -webkit-transition: transform .2s ease-in 0s;
    -webkit-transition: -webkit-transform .2s ease-in 0s;
    transition: -webkit-transform .2s ease-in 0s;
    transition: transform .2s ease-in 0s;
    transition: transform .2s ease-in 0s, -webkit-transform .2s ease-in 0s
  }

  #nav .navitems .myjd-info a:hover i {
    display: none
  }

  #nav .navitems .myjd-info a:hover
  em {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }

  #service-2014 dl {
    width: 22%
  }

  #service-2014
  dl.fore5 {
    width: 8%
  }

  #menu dl {
    padding-bottom: 15px
  }

  #menu dl dt {
    height: 28px;
    line-height: 28px;
    color: #333;
    font-weight: 700
  }

  #menu dl
  dd {
    color: #666;
    line-height: 24px
  }

  #menu dl dd a {
    color: #777
  }

  #menu dl dd a:hover {
    color: #e4393c;
    text-decoration: underline
  }

  #menu dl dd
  b {
    color: red;
    font-weight: 400
  }

  #menu dl dd.curr a {
    color: #e4393c;
    font-weight: 700
  }


  #menu-ads
  a {
    display: inline-block;
    margin-bottom: 10px
  }

  .rank
  s {
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/widget/common/i/rank2014.gif);
    display: inline-block;
    height: 17px;
    margin-right: 5px;
    text-decoration: none;
    width: 17px;
    vertical-align: middle
  }

  .rank a {
    display: inline-block;
    vertical-align: middle
  }

  .rank.r2 s {
    background-position: 0 -17px
  }

  .rank.r3 s {
    background-position: 0 -34px
  }

  .rank.r4 s {
    background-position: 0 -51px
  }

  .rank.r5 s {
    background-position: 0 -68px
  }

  .rank.r6 s {
    background-position: 0 -85px
  }


  .form em {
    color: #e4393c
  }


  .form
  label {
    float: none
  }

  table {
    border-collapse: collapse
  }

  .tb-void
  td {
    border: 1px solid #f2f2f2;
    padding: 10px 5px
  }

  .tb-void th {
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    text-align: center;
    font-weight: 400
  }

  .tb-void a {
    color: #005ea7
  }

  .tb-coupon td {
    border: none
  }

  .tb-none th {
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-weight: 400
  }

  .tb-none
  td {
    border: 0;
    padding: 6px 0;
    text-align: center
  }

  .tb-line td {
    border: 0;
    border-bottom: 1px dotted #f2f2f2
  }

  .tb-left td {
    padding: 5px 0 5px 20px
  }

  .mod-comm {
    padding: 10px 20px 20px
  }

  .mod-comm .mt {
    padding: 10px 0
  }

  .mod-comm .mt
  h3 {
    font-size: 12px;
    color: #666;
    font-family: '\5b8b\4f53';
    line-height: 18px
  }

  .mod-comm .mc {
    line-height: 20px
  }


  .mod-comm .extra-r a.btn-close
  b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/icon2.png) 0 -58px no-repeat;
    width: 7px;
    height: 5px;
    overflow: hidden;
    vertical-align: middle;
    margin-left: 5px
  }

  .mod-comm .extra-r
  a.btn-close.down b {
    background-position: 0 -63px
  }

  .lefta-box .mt .extra-l li {
    padding: 0;
    padding-right: 20px
  }

  .remind-box
  .info-list li {
    float: left;
    margin-right: 20px
  }

  .remind-box .info-list strong {
    font-size: 14px
  }

  .remind-box
  .smc {
    margin-top: 10px;
    padding-top: 10px;
    line-height: 22px;
    border-top: 1px solid #f2f2f2
  }

  .user-info-cont strong {
    font-size: 16px;
    font-family: "Microsoft YaHei "
  }

  .im2013 strong, .im2013off
  strong {
    font-weight: 400;
    color: #fff;
    float: left;
    line-height: 18px
  }


  .im2013off
  strong {
    color: #ccc
  }

  .pagin a, .pagin span {
    background: #fff
  }

  #safeinfo .mc {
    margin-left: 60px
  }

  .prompt-01 .pc dl {
    border-bottom: 1px solid #ccc;
    line-height: 16px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    overflow: hidden
  }

  .prompt-01 .pc dl dd, .prompt-01 .pc dl dt {
    font-weight: 700
  }

  .prompt-01 .pc
  li {
    overflow: hidden;
    zoom: 1
  }


  .prompt-01 .fore1 {
    min-height: 15px;
    _height: 15px
  }

  .prompt-01
  .fore2 {
    float: left;
    width: 260px
  }

  .prompt-01 .fore1, .prompt-01 .pc dt {
    width: 140px;
    float: left;
    margin-right: 6px
  }


  .tip-box
  h3 {
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    line-height: 30px;
    font-weight: 400
  }

  .tip-box .links
  ul {
    display: inline-block;
    display: block
  }

  .tip-box .links ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  * html .tip-box .links
  ul {
    height: 1%
  }

  * + html .tip-box .links ul {
    min-height: 1%
  }

  .tip-box .links li {
    float: left;
    border-left: 1px solid #ccc;
    padding: 0 5px
  }


  .tip-box .item-fore div {
    line-height: 20px;
    min-height: 20px
  }

  .tip-box .item-fore
  h3 {
    text-align: left
  }

  .pagin a, .pagin span {
    float: left;
    height: 20px;
    padding: 3px 10px;
    border: 1px solid #ccc;
    margin-left: 2px;
    font-family: arial;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
  }


  .pagin a:link, .pagin a:visited {
    color: #005aa0
  }

  .pagin a:active, .pagin
  a:hover {
    background: #005aa0;
    color: #fff;
    text-decoration: none
  }

  .pagin .prev b {
    left: 3px;
    background-position: -68px -608px
  }

  .pagin
  .prev-disabled b {
    left: 3px;
    background-position: -80px -608px
  }


  .pagin .next
  b {
    right: 3px;
    background-position: -62px -608px
  }

  .pagin .next-disabled b {
    right: 3px;
    background-position: -74px -608px
  }

  .pagin-m a, .pagin-m
  span {
    height: 14px;
    line-height: 14px;
    font-size: 12px
  }

  .pagin-m b {
    top: 5px
  }

  .pagin
  .page-skip em {
    float: left;
    height: 26px;
    line-height: 26px
  }

  .pagin-m i {
    font-style: normal
  }

  .pagin-m .prev-disabled b {
    left: 9px
  }

  .pagin-m .next-disabled
  b {
    right: 9px
  }

  .pagin-m a {
    font-weight: 700
  }

</style>
